<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<title>Dashboard</title>
		<!-- meta param -->
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />
		<meta http-equiv="expires" content="0" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- vendor css -->
		<link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/vendor/jqueryui/css/jquery-ui-1.9.2.custom.css" rel="stylesheet" />
		<link href="/vendor/metisMenu/metisMenu.min.css" rel="stylesheet" />
        <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- user css -->
		<link href="/dist/css/basic.css" rel="stylesheet" />
		<link href="/dist/imgs/kpmgBlue.ico" media="screen" rel="shortcut icon" type="image/x-icon"/>
		<!-- vendor js -->
		<script src="/vendor/jquery/jquery.min.js"></script>
	    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
	    <script src="/vendor/metisMenu/metisMenu.min.js"></script>
	    <script src="/vendor/jqueryui/js/jquery-ui-1.9.2.custom.min.js"></script>
	    <!-- user js -->
	    <script th:src="@{/dist/js/basic.js?v=}+${session.version}"></script>
	    <script th:src="@{/dist/js/auto_width.js?v=}+${session.version}"></script>
	</head>
    <body>
    	<div id="success-message" class="alert alert-success"></div>
    	<div id="fail-message" class="alert alert-danger"></div>
        <div id="wrapper">
            <nav id="title" class="navbar navbar-primary navbar-static-top" role="navigation" 
            		style="margin-bottom:0;margin-top: 0;background-color:#204d74;">
                <div class="navbar-header">
                	&emsp;<img src="/dist/imgs/kpmgIco.ico" height="30" width="60" style="margin-top: 8px;vertical-align:bottom"/>
                	<span style="color: white;font-size:15px;margin-top: 60px"> &emsp;DATA integration</span>
        		</div>
                <ul class="nav navbar-top-links navbar-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="fa fa-user fa-fw"></i> <span th:text="${session.user.usrNmEn}"></span> <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <!-- <li>
                                <a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
                            </li> -->
                            <!-- <li>
                                <a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
                            </li> -->
                          <!--   <li class="divider"></li> -->
                            <li>
                                <a href="/userLogout"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
                            </li>
                        </ul>
                    </li>
                    
                </ul>           
                <form class="navbar-form navbar-right " id="selectCompany">
                        <div class="form-group">
							<select name="company" id="companyNameSelect"
								class="col-xs-4 form-control-selectOption" style="border:none;outline: none;">
								<!-- <option th:each="project:${session.user.projects}"
									th:value="${project.prjId}"
									th:text="${project.entityBasic.entShrtnm}"></option> -->
							</select>
						</div>
				</form>
                <div class="navbar-default sidebar" role="navigation" id="page-left">
                    <div class="sidebar-nav navbar-collapse">
                        <ul class="nav" id="side-menu">
                        	<th:block th:each="role:${session.user.roles}">
                        		<li th:each="menu:${role.menus}">
                                	<a th:style="@{(${menu.menuUrl}==null?'color:gray;pointer-events:none':'')}" th:href="${menu.menuUrl}">
                                		<i th:class="${menu.menuIcon}"></i> <span th:text="${menu.menuNm}"></span>
                                		<th:block th:if="${not #lists.isEmpty(menu.subMenus)}">
                                			<span class="fa arrow"></span>
                                		</th:block>
                                		<br />
                                		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${menu.menuNmEn}"></span>
                                	</a>
                                	<th:block th:if="${not #lists.isEmpty(menu.subMenus)}">
	                                	<ul class="nav nav-second-level">
	                                		<li th:each="subMenu:${menu.subMenus}">
	                                			<a th:href="${subMenu.menuUrl}">
	                                				<i th:class="${subMenu.menuIcon}"></i> <span th:text="${subMenu.menuNm}"></span>
	                                				<br />
	                                				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${subMenu.menuNmEn}"></span>
	                                			</a>
	                                		</li>
	                                	</ul>
                                	</th:block>
                            	</li>
                            </th:block>
                        </ul>
                    </div>
                    <th:block th:if="${showTemplatePanel}">
	                    <div class="history-reports">
							<div class="panel panel-default">
								<div class="panel-heading">历史查询报表</div>
								<div class="input-group custom-search-form">
									<input class="form-control" placeholder="Search..." type="text" id="template-info" />
									<span class="input-group-btn">
										<button class="btn btn-default" type="button" id="search-template-btn">
											<i class="fa fa-search"></i>
										</button>
									</span>
								</div>
								<div class="panel-body">
									<div class="row pre-scrollable" id="history_report_div">
										<input type="hidden" id="historyReportPage" value="1" />
										<input type="hidden" id="historyReportSize" value="10" />
										<ul class="list-group" id="history_report_list">
										</ul>
									</div>
								</div>
							</div>
						</div>
					</th:block>
                </div>
            </nav>
            <div id="page-wrapper">
                <div th:include="this :: content"></div>
            </div>
            <div id="line">
            </div>
        </div>
    </body>
</html>